import {
   Card,
   CardContent,
   CardDescription,
   CardTitle,
} from "~/registry/default/ui/card"
import { WarpBackground } from "~/registry/default/ui/warp-background"

export default function ExampleComponentDemo() {
   return (
      <WarpBackground>
         <Card className="w-80">
            <CardContent className="flex flex-col gap-2 p-4">
               <CardTitle>Congratulations on Your Promotion!</CardTitle>
               <CardDescription>
                  Your hard work and dedication have paid off. We&apos;re
                  thrilled to see you take this next step in your career. Keep
                  up the fantastic work!
               </CardDescription>
            </CardContent>
         </Card>
      </WarpBackground>
   )
}
